//虽然这句话就是页面加载完成执行里面的代码
$(function () {
    findAll();
})

function findAll() {
    let res = myAjax('/home', {}, 'get');
    // console.log(res);
    if (res != null) {
        //res可能有四个数据，那么我们赋值，
        // 就应该有四个方法，最好一个方法做一件事情
        //按照以前第四阶段的做法，res.data应该有四种不同类型的数据

        setProductData(res.productModelList);
    }
}


function setNewsData(data) {

}

function setProductData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        //data[i].content是有标签的
        let content = data[i].content;
        //那么就需要将有标签的内容替换成空
        //所以，需要设置一个正则表达式
        //js里面的replace只替换第一个，不像Java可以全部替换
        // content = content.replace("/<p></p>/gim", "");
        html += '<div>\n' +
            '                        <div><img src="' + data[i].imgHref + '" height="300" width="300"/></div>\n' +
            '                        <div class="title-font single-over" onclick="goto(' + data[i].id + ')">' + data[i].name + '</div>\n' +
            '                        <div class="content-font single-over">' + content + '</div>\n' +
            '                    </div>';
    }
    $("#product").html(html);
}

function goto(id) {
    sessionStorage.setItem("productId", id);
    location.href = '/html/product-detail.html';
}